<template>
  <div class="home">
    <Top :data="data"></Top>
    <Middle :data="data"></Middle>
    <Footer></Footer>
  </div>
</template>

<script lang="ts">
export default {
  name: 'Home',
}
</script>
<script lang="ts" setup>
import { useUserInfoStore } from '@/stores/userInfo';
import Top from './components/echartsTop/Top.vue'
import Middle from './components/echartsMiddle/Middle.vue'
import Footer from './components/echartsFooter/Footer.vue';
import { onMounted, ref } from '@vue/runtime-core';
import { reqChartsData } from '@/api/home';
 
let data = ref({})

onMounted( async()=>{ 
  let result = await reqChartsData();
  //存储数据可视化数据
  data.value = result;
})

</script>

<style scoped>
  .home {
    width: 100%;
    height: 100%;
    padding: 20px;
    font-size: 30px;
  }
</style>
